<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <!-- /.box-header -->
      <div class="box-body">
        <form class="form-inline" style="margin-top: 10px;margin-bottom: 20px;background:white;">
          <div class="form-group">
            <label class="text-right">产品代码</label>

            <input class="form-control form-fields" type="text" value="产品代码">
            <label class="text-right">产品名称</label>

            <input class="form-control form-fields" type="text" value="产品名称">

            <label class="control-label">到期日:</label>
            <div class="input-group date form_datetime">
              <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
              <input class="form-control" type="date" style="background: white; cursor: pointer;" value="2013-03-04">
            </div>
            <!-- <div class="input-group date form_datetime">
              <input class="form-control" type="date" readonly="" style="background: white; cursor: pointer;" value="2013-03-04">
               <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span> 
              <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
            </div>-->
            <button type="button" class="btn btn-primary"><i class="fa fa-search"></i>查询</button>
            <button class="btn btn-primary"><i class="fa fa-sign-out"></i>导入Excel</button>
            <!-- <button type="button" (click)="xuyue()" class="btn btn-primary">续约</button>
            <button type="button" (click)="zhongzhi()" class="btn btn-primary">终止</button> -->

          </div>


        </form>
        <div style="overflow-x:scroll;width:100%">
          <table id="example2" class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:10px">
            <thead>
              <tr class="basemanager-table-width">
                <th style="width:5%!important">
                  <label>
                        <input id="checkAll" type="checkbox" class="flat-red">
                    </label>
                </th>
                <th>产品代码</th>
                <th>产品名称</th>
                <th>运作日期</th>
                <th>开始日期</th>
                <th>到期日期</th>
                <th>原到期日期</th>
                <th>创建日期</th>
                <th>续约方式</th>
              </tr>

            </thead>
            <tbody>
              <tr *ngFor="let item of accountList">
                <td style="text-align:center">
                  <label>
                        <input type="checkbox" class="flat-red subcb">
                    </label>
                </td>
                <td>{{item.code}}</td>
                <td>{{item.name}}</td>
                <td>{{item.rundate}}</td>
                <td>{{item.startdate}}</td>
                <td>{{item.enddate}}</td>
                <td>{{item.oldEndDate}}</td>
                <td>{{item.createDate}}</td>
                <td>
                  <select class="form-control">
                      <option value="">手动</option>
                      <option value="">自动</option>                  
                    </select>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="box-footer clearfix">
          <p class="pull-left">共5个 每页
            <select>
                      <option value="10" class="active">10</option>
                      <option value="20">20</option>
                      <option value="30">30</option>
                      <option value="50">50</option>
                      <option value="100">100</option>
                  </select> 个 当前显示第1页 </p>
          <ul class="pagination pagination-sm no-margin pull-right">
            <li>
              <a>
                    首页
                  </a>
            </li>
            <li>
              <a>
                      上一页
                  </a>
            </li>
            <li class="active">
              <a>
                      1
                  </a>
            </li>
            <li>
              <a>
                      2
                  </a>
            </li>
            <li>
              <a>
                      下一页
                  </a>
            </li>
            <li>
              <a>
                      尾页
                  </a>
            </li>
          </ul>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box-body -->
      <!-- </div> -->
      <!-- /.box -->
    </div>
  </div>
</div>